<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="表单要提交的服务器的地址" method="get默认，post...">
    <!--文字描述-->
    <label for="label-name"></label>label-for：与input的id关联，表示该label属于哪个input<br>
    <input id="label-name" type="hidden"/>
    <br>

    <!--输入框-->
    <input type="hidden" value="默认值"/>hidden：隐藏输入框<br>
    <input type="text" value="默认值" placeholder="提示文字" maxlength="最大长度"/>text：普通文本框<br>
    <input type="password"/>password：隐藏输入的文本框（密码）<br>
    <br>

    <!--单选框：相同name的单选框为一组，一组单选框中只有一个可被选中，checked表示选中状态-->
    <input name="r1" type="radio" value="男" checked="true"/>男
    <input name="r1" type="radio" value="女"/>女<br>
    <br>

    <!--多选框：相同name的多选框为一组，一组多选框中可有多个被选中，checked表示选中状态-->
    <input name="c1" type="checkbox" value="11" checked/>篮球
    <input name="c1" type="checkbox" value="22"/>足球<br>
    <br>

    <!--按钮-->
    <input type="reset" value="重置"/>reset：重置按钮，点击后表单所有内容重置 <br>
    <input type="submit" value="提交"/>submit：提交按钮，点击后表单所有内容提交 <br>
    <input type="button" value="普通"/>button：普通按钮，功能可通过点击事件中JS自定义 <br>
    <br>

    <!--文件选择按钮-->
    <input type="file"/>file：选择文件<br>
    <br>

    <!--多行输入框-->
    <textarea rows="行数" cols="列数">textarea：多行输入框</textarea><br>
    <br>

    <!--下拉框，option表示下拉选项-->
    <select>
        <option value="">下拉选项1</option>
        <option value="">下拉选项2</option>
        <option value="">下拉选项3</option>
    </select>
</form>
</body>
</html>